<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Pragma" content="no-cache"> 
<meta http-equiv="Cache-Control" content="no-cache"> 
<meta http-equiv="Expires" content="0">
<title>Honeydew</title>
<!-- Jquery -->
<script src="http://code.jquery.com/jquery.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script src="${pageContext.request.contextPath}/js/jquery.blockUI.js"></script>
<!-- carousel -->
<link href="${pageContext.request.contextPath}/css/carousel.css" rel="stylesheet" />
<!-- Bootstrap -->
<link href="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/css/bootstrap.min.css" rel="stylesheet" media="screen" />
<script src="${pageContext.request.contextPath}/bootstrap-3.1.1-dist/js/bootstrap.min.js"></script>
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-dropdown.js"></script>
<!-- responsive -->
<link href="${pageContext.request.contextPath}/css/bootstrap-responsive.css" rel="stylesheet" type="text/css">
<!-- holder -->
<script src="${pageContext.request.contextPath}/holder/holder.js"></script>
<!-- commons -->
<link href="${pageContext.request.contextPath}/css/commons.css" rel="stylesheet" />
<script src="${pageContext.request.contextPath}/js/shop.js"></script>

<!-- Shop -->
<script src="${pageContext.request.contextPath}/js/shop.js"></script>
</head>

<!-- body -->
<body>
<s:set var="theme" value="'simple'" scope="page" />
<s:form>
	<div class="container body-base">
		
		<table width="100%">
			<tr>
		    	<td>
		        	<!-- banner -->
		        	<s:include value="header.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- content -->
		            <table width="100%">
		            	<tr height="30%">
		                	<td width="20%" align="left" valign="top">
		                    	<!-- 商品分類連結 -->
		                    	<br />
		                    	<s:include value="index_link.jsp" />
		                    	<s:hidden id="bigSeqid" name="bigSeqid" />
		                    	<s:hidden id="medSeqid" name="medSeqid" />
		                    	<s:hidden id="pageNum" name="pageNum" />
		                    </td>
		                    <td width="80%" align="center" valign="top">
		                    	<!-- 分類圖示 -->
		                    	<br />
		                    	<!-- 商品呈現 -->
		                        <table width="100%">
		                        	<tr height="10%">
		                            	<td align="right">
		                            		<s:if test="itemInforList != null && itemInforList.size()> 0">
		                                		<s:include value="index_paging.jsp" />
	                                		</s:if>
		                                </td>
		                            </tr>
		                            <tr height="80%">
		                            	<td align="center">
		                                	<table width="100%" class="thumbnails item-list-table" align="center">
		                                        <s:if test="itemInforList != null && itemInforList.size()> 0">
		                                        	<tr>
					                            	<s:iterator var="itemInfor" value="itemInforList" status="st">
					                            		
					                            		<s:if test="#itemInfor != null">
					                            			<td>
				                                                <a href="<s:url action='index_indexInside'>
				                                                <s:param name="itemSeqid" value="Seqid" />
				                                                <s:param name="bigSeqid" value="bigSeqid" />
				                                                <s:param name="medSeqid" value="medSeqid" />
				                                                <s:param name="pageNum" value="pageNum" /></s:url>" class="thumbnail">
				                                                    <img class="img-responsive img-item" src="<s:property value='sharePath'/>item/<s:property value='Number'/>/<s:property value='Mainphoto'/>" alt="">
				                                                </a>
				                                                <p class="font-01">
				                                                	<s:property value="Name"/>				                                                	
				                                                </p>
				                                                <input type="hidden" id="itemSeqid" name="itemSeqid" value="<s:property value='Seqid'/>" />
				                                            </td>
				                                            <s:if test="((#st.index+1) % 3) == 0">
				                                            	</tr>
				                                            	<tr>
				                                            </s:if>
					                            		</s:if>
					                            		
					                            	</s:iterator>
					                            	</tr>
					                            </s:if>
					                            <s:else>
					                            	<p class="font-warring-02">不好意思無符合商品!!</p>
					                            </s:else>
		                                    </table>
		                                </td>
		                            </tr>
		                            <tr height="10%">
		                            	<td align="center">
		                                	<s:if test="itemInforList != null && itemInforList.size()> 0">
		                                		<s:include value="index_paging.jsp" />
	                                		</s:if>
		                                </td>
		                            </tr>
		                        </table>
		                    </td>
		                </tr>
		            </table>
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- footer -->
		        	<s:include value="footer.jsp" />
		        </td>
		    </tr>
		    <tr>
		    	<td>
		        	<!-- copyright -->
		        	<s:include value="copyright.jsp" />
		        </td>
		    </tr>
		</table>
		
	</div>
</s:form>
</body>
</html>
